<!DOCTYPE html>
<html>
	<head>
		<!-- 1.制作三个页面  A,B,C   要求：
		         1.1 通过location对象实现A跳转到B,B到C。
		         1.2 在页面B设置两个按钮，分别实现前进、后退功能
		         1.3 三个页面分别设置三个按钮，实现页面刷新功能 -->
		<meta charset="utf-8" />
		<title>欢迎来到DOM</title>
		<style type="text/css">
			#div1{
				width: 150px;
				height: 150px;
				background-color: chartreuse;
			}
			#div2{
				width: 300px;
				height: 200px;
				background-color: aqua;
			}
			#div3{
				width: 500px;
				height: 300px;
				background-color: #FF0000;
			}
		</style>
	</head>
	<body>
		<button type="button" onclick="a_tiao_b();">A跳转B</button>
		<button type="button" onclick="refresh();">刷新当前页面</button>
		<div id="div1">
			这里是蒙德
		</div>
		<div id="div2">
			这里是璃月
		</div>
		<div id="div3">
			这里是稻妻
		</div>
	</body>
	<script type="text/javascript">
		function a_tiao_b(){
			location.href='index1.html';
		}
		function refresh(){
			location.reload();
		}
	</script>
</html>
